<template>
	<view class="container">
		<view class="tool_bar">
			<image src="../../static/img/left_icon.png"></image>
			<text>删除</text>
		</view>
		
		<view class="site_info">
			<view class="info">
				<image src="../../static/uni.png"></image>
				<view class="site_name">
					<view class="default_name">
						<text>有收入</text>
						<image src="../../static/img/rename_cion.png"></image>
					</view>
					<view class="rename">有收入重命名</view>
				</view>
			</view>
		</view>
		
		<view class="site_account">
			<view class="account_input">
				<input placeholder="输入平台账号" />
				<image src="../../static/img/paste_icon.png"></image>
			</view>
		</view>
		<view class="site_account">
			<view class="account_input">
				<input placeholder="输入平台密码" />
				<image src="../../static/img/paste_icon.png"></image>
			</view>
		</view>
		<view class="error">
			<view class="error_tip">
				<uni-icons type="clear" size="20" style="color: red;"></uni-icons>
				<text>账号或者密码错误</text>
			</view>
			<!-- <view class="success_tip">
				<uni-icons type="checkmarkempty" size="20" style="color: green;"></uni-icons>
				<text>验证成功</text>
			</view> -->
		</view>
		<view class="qiangdan">
			<text @tap="toggle('bottom')">抢单设置</text>
		</view>
		
    <!-- 抢单设置弹出框 -->
    <uni-popup ref="popup" background-color="#fff" @change="change">
      <view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
        <view class="popup_title">抢单设置</view>
        <view class="chose_shop_type">
          <view class="shop_type">商城类型</view>
          <uni-data-select
            v-model="shop_type"
            :localdata="shop_list"
            @change="shop_change"
            :clear="false"
          ></uni-data-select>
        </view>
        <view class="Frequency">
          <view class="shop_type">商城类型</view>
          <view class="seting_time">
            <input v-model="time_start"/><text>秒 </text>
             <text style="margin-left:  10px;">-</text>
            <input v-model="time_end"/><text>秒 </text>
          </view>
          <image src="../../static/img/tongbu_icon.png" class="tongbu"></image>
          <text class="reset">重置</text>
        </view>
        <view class="Frequency" style="margin: 15px 0;">
          <view class="shop_type">定时1</view>
          <view class="seting_time">
            <input v-model="time_start_lock_h"/><text>: </text><input v-model="time_start_lock_m"/>
             <text style="margin-left:  10px;">-</text>
            <input v-model="time_end_lock_h"/><text>:</text><input v-model="time_end_lock_m"/>
          </view>
          <image src="../../static/img/tongbu_icon.png" class="tongbu"></image>
          <image src="../../static/img/time_lock_open.png" class="time_lock"></image>
        </view>
        <view class="Frequency">
          <view class="shop_type">定时2</view>
          <view class="seting_time">
           <input v-model="time_start_lock_h"/><text>: </text><input v-model="time_start_lock_m"/>
            <text style="margin-left:  10px;">-</text>
           <input v-model="time_end_lock_h"/><text>:</text><input v-model="time_end_lock_m"/>
          </view>
          <image src="../../static/img/tongbu_icon.png" class="tongbu"></image>
          <image src="../../static/img/time_lock_open.png" class="time_lock"></image>
        </view>
        <view class="finished">完成设置</view>
      </view>
    </uni-popup>
    
		
		<view class="more_seting">
			<text class="seting_title">更多功能</text>
			<view class="seting_bars">
				<view class="tab">
					<image src="../../static/img/seting_img1.png"></image>
					<text>推荐时段</text>
				</view>
				<view class="tab">
					<image src="../../static/img/seting_img2.png"></image>
					<text>情况上报</text>
				</view>
				<view class="tab">
					<image src="../../static/img/seting_img3.png"></image>
					<text>做单闹钟</text>
				</view>
				<view class="tab">
					<image src="../../static/img/seting_img4.png"></image>
					<text>做单问题</text>
				</view>
				<view class="tab">
					<image src="../../static/img/seting_img5.png"></image>
					<text>成功记录</text>
				</view>
				<view class="tab">
					<image src="../../static/img/seting_img6.png"></image>
					<text>抢单日志</text>
				</view>
				<view class="tab">
					<image src="../../static/img/seting_img7.png"></image>
					<text>记账</text>
				</view>
			</view>
		</view>
		
		
		<view class="bottom_container">
			<view class="box">
				<view class="box_bars">
					<image src="../../static/img/neizhi.png"></image>
					<text>+内置</text>
				</view>
        <view class="box_bars">
        	<image src="../../static/img/waibu.png"></image>
        	<text>+外部</text>
        </view>
        <view class="box_bars">
        	<image src="../../static/img/fenshen.png"></image>
        	<text>+分身</text>
        </view>
				<view class="start"></view>
			</view>
		</view>
		
	</view>
</template>

<script>
  export default{
    data() {
    	return {
        type: 'center',
        shop_type: 0,
        shop_list: [
          { value: 0, text: "篮球" },
          { value: 1, text: "足球" },
          { value: 2, text: "游泳" },
        ],
        time_start:3,
        time_end:5,
        time_start_lock_h:59,
        time_start_lock_m:0,
        time_end_lock_h:59,
        time_end_lock_m:0
      }
    },
    methods: {
      change(e) {
        console.log('当前模式：' + e.type + ',状态：' + e.show);
      },
      shop_change(e){
        
      },
      toggle(type) {
        this.type = type
        // open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
        this.$refs.popup.open(type)
      },
    }
  }
</script>

<style>
	@import "Site.css";
</style>
